<%--
  Created by IntelliJ IDEA.
  User: git:jybdd - liming
  Date: 2019/9/30
  Time: 18:00
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>个人中心</title>
    <link rel="Shortcut Icon" href="../imgs/Kat-icon.png">
    <!-- 引入bootstrap框架的样式文件 -->
    <link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.css" type="text/css">
    <link type="text/css" href="../css/personal.css" rel="stylesheet" />
    <link rel="stylesheet" href="../css/head.css">
</head>

<body>
<!-- 导航开始 -->
<%@ include file="../nav/nav.jsp"%>
<!-- 导航结束 -->
<!-- 个人中心视图 -->
<a name="per"></a>
<div class="personal">
    <div class="container">
        <div class="row">
            <div class="col-xs-2 col-sm-2 col-md-2" id="left">
                <div class="title">
                    <span>个人中心</span>
                </div>
                <div id="outer">
                    <!-- <div class="container-fluid"> -->
                    <ul id="tab" class="nav navbar-nav">
                        <li class="active"><span class="glyphicon glyphicon-user">&nbsp;我的信息</span></li>
                        <li><a href="${pageContext.request.contextPath}/personal/order" class="glyphicon glyphicon-list-alt">&nbsp;<span>挂号订单</span></a>
                        </li>
                        <li><a href="${pageContext.request.contextPath}/personal/record"
                               class="glyphicon glyphicon-calendar">&nbsp;<span>就诊记录</span></a></li>
                        <li><a href="${pageContext.request.contextPath}/personal/medical"
                               class="glyphicon glyphicon-tasks">&nbsp;<span>我的病历</span></a>
                        </li>
                        <li><a href="${pageContext.request.contextPath}/personal/safetys" class="glyphicon glyphicon-phone">&nbsp;<span>账号安全</span></a>
                        </li>
                        <li><a href="${pageContext.request.contextPath}/personal/newview" class="glyphicon glyphicon-tree-deciduous">&nbsp;<span>就诊管理</span></a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-xs-9 col-sm-9 col-md-9" id="righter">
                <div class="title">
                    <span><img src="${pageContext.request.contextPath}/imgs/weblogo.png" alt="" style="width: 2%">知医治</span>

                </div>
                <div id="content">
                    <div style="display:block;" class="tabpage">
                        <h3 class="glyphicon glyphicon-grain">我的信息</h3>
                        <c:if test="${empty userinfo}">
                        <a href="<%=request.getContextPath() %>/personal/site" style="float: right">
                            <h4 class="glyphicon glyphicon-info-sign" style="color:rgb(1,81,40);">点击实名认证</h4>
                        </a>
                        </c:if>
                        <div class="counts">
                            <div class="texts">
                                <h4><b>基本信息:</b></h4>
                                <span>用&nbsp;&nbsp;户&nbsp;&nbsp;名:</span>&nbsp;&nbsp;&nbsp;
                                <c:if test="${empty user}">
                                <span>未填写</span>
                                </c:if>
                                <span>${user.username}</span>
                                <!-- 如果存在则显示name,不存在则显示设置 -->
                                <!-- <input type="text"> -->
                            </div>
                            <div class="texts">
                                <span>性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别:</span>&nbsp;&nbsp;&nbsp;
                                <c:if test="${empty userinfo}">
                                    <span>未填写</span>
                                </c:if>
                                <span>${userinfo.sex}</span>
                            </div>
                            <div class="texts">
                                <span>年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;龄:</span>&nbsp;&nbsp;&nbsp;
                                <c:if test="${empty userinfo}">
                                    <span>未填写</span>
                                </c:if>
                                <span>${userinfo.age}</span>
                            </div>
                            <div class="texts">
                                <h4><b>实名认证:</b></h4>
                            </div>
                            <div class="texts">
                                <span>真实姓名:</span>&nbsp;&nbsp;&nbsp;
                                <c:if test="${empty userinfo}">
                                    <span>未填写</span>
                                </c:if>
                                <c:if test="${! empty userinfo}">
                                <span>${userinfo.uname}</span>
                                <small style="color: rgb(1,81,40)">已认证</small>
                                </c:if>
                            </div>
                            <div class="texts">
                                <span>证件号码:</span>&nbsp;&nbsp;&nbsp;
                                <c:if test="${empty userinfo}">
                                    <span>未填写</span>
                                </c:if>
                                <c:if test="${! empty userinfo}">
                                <span>${userinfo.idcard}</span>
                                <small style="color: rgb(1,81,40)">已认证</small>
                                </c:if>
                            </div>
                            <div class="texts">
                                <span>医保卡号:</span>&nbsp;&nbsp;&nbsp;
                                <span>350283458385</span>
                            </div>
                            <c:if test="${empty image}">
                            <div class="texts">
                                <img src="https://static.hdslb.com/account/img/img3.png?1" alt="">
                                &nbsp;&nbsp;&nbsp;
                                <img src="https://static.hdslb.com/account/img/img2.png?1" alt=""><br>
                            </div>
                            </c:if>
                            <div class="texts" >
                                <c:forEach items="${requestScope.image}" var="i">
                                <img src="${i.link}" alt="加载失败" style="width: 227px;height: 130px;">
                                &nbsp;&nbsp;&nbsp;
                                </c:forEach>
                            </div>
                            <div class="texts">
                                <span style="margin-left: 75px">证件反面照片</span>
                                <span style="margin-left: 150px">证件正面照片</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<%@ include file="../nav/foot.jsp"%>
    <!-- bootstrap中的js插件依赖于jquery框架,所以必须先引入jquery的js文件 -->
    <script src="../plugins/jquery/jquery.min.js"></script>
    <!--引入bootstrap的js文件-->
    <script src="../plugins/bootstrap/js/bootstrap.js"></script>
</body>

</html>